.dialog {
	width: 700px !important;
	:global {
		.ant-table-wrapper {
			min-height: unset !important;
		}
		button {
			margin-right: 0 !important;
		}
	}
	.Progress {
		padding: 0 5px;
		width: 100px !important;
	}
}
.dot-span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	vertical-align: middle;
	background: #CBD1DA;
	&.waiting {
		background: #CBD1DA;
	}
	&.active {
		background: #0AB272;
	}
	&.stopped {
		background: #F04038;
	}
	&.completed {
		background: #CBD1DA;
	}
}
.p20 {
	padding: 52px 40px 0;
}
.btn-container {
	text-align: center;
	padding: 1.5rem 0 1.25rem;
}
.content {
	a {
		color: var(--color-5);
	}

	.search {
		display: flex;
		justify-content: space-between;
		margin-top: 1rem;
		& > div {
			display: flex;
			justify-content: space-between;
		}
		.item {
			width: 10rem;
			margin-right: 1rem;
		}
	}
	.tableContainer {
		margin-top: 1.25rem;
		.affect {
			line-height: 1.57;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			display: block !important;
		}
		:global {
			.ant-table-selection-column {
				min-width: 30px !important;
				padding-right: 0 !important;
			}
		}
		.circle {
			display: inline-block;

			/* width: 0.5rem;
			height: 0.5rem; */
			margin: 0 0.5rem;
			border-radius: 50%;
		}
		.detail-info {
			color: var(--color-5);
			cursor: pointer;
		}
		.dot-span {
			display: inline-block;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			vertical-align: middle;
			background: #CBD1DA;
			&.waiting {
				background: #CBD1DA;
			}
			&.active {
				background: #0B6FD6;
			}
			&.stopped {
				background: #F04038;
			}
			&.completed {
				background: #11AB4E;
			}
		}

		td,
		th {
			height: 3rem !important;
		}
	}
	.second-row {
		display: flex;
		justify-content: space-between;
		margin-top: 16px;
		.line-btn {
			display: flex;
			flex: 1;
			align-items: center;
			.btn {
				color: var(--color-text-0);
			}
			.high-light {
				color: var(--color-5);
				cursor: pointer;
			}
		}
	}
	.nobor {
		min-height: 210px;
		border: 0;
	}
	:global {
		.ant-table-tbody > tr > td,
		.ant-table-thead > tr > th {
			width: auto !important;
			max-width: 100px;
			overflow: hidden;
			font-weight: normal;
			white-space: nowrap;
			text-overflow: ellipsis;
			&:last-child {
				overflow: unset !important;
			}
		}
		.ant-table-wrapper {
			min-height: 282px;
		}
	}
	.dropdown {
		display: flex;
		align-items: center;
	}
	.controlContainer {
		width: 110px;

		.control {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 110px;
			white-space: nowrap;

			.itemSpan {
				display: inline-block;
				width: 100%;
				color: #5e616d;
				text-decoration: none;
				cursor: pointer;
				&:hover {
					color: var(--color-primary);
				}
			}
			.btn {
				cursor: pointer;
			}

			.btn:hover {
				color: var(--color-6);
			}

			.linkbtn {
				margin-right: 0.5rem;
			}

			.ml0 {
				margin-left: 0;
			}
		}
	}
}
.result-box {
	>span {
		color: #FAAF2D;
		display: inline-block;
		width: 36px;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
		border-right: 1px solid #ddd;
		&:last-child {
			border-right: 0px;
		}
	}
}

.result-table {
	width: 500px !important;
	margin: -8px -10px;
	:global {
		.ant-table-wrapper {
			min-height: unset !important;
		}
		td {
			vertical-align: top;
			text-align: center;
		}
	}
}
.warning-color {
	color: #FAAF2D;
}
.tac {
	text-align: center;
}
.error-color {
	color: var(--color-error);
}
.success-color {
	color: var(--color-success);
}
.input{
	width: 17.25rem;
}
.icon {
	fill: var(--color-4);
}
